// 引入 Vue 框架核心的 createApp 方法，用于创建应用实例
import { createApp } from 'vue'

// 引入根组件 App.vue，作为整个应用的入口组件
import App from './App.vue'

// 引入路由配置，管理页面跳转
import router from './router'

// 引入 Element Plus UI 库和其样式，用于快速构建界面
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

// 引入 Pinia，用作状态管理库（Vuex 的替代）
import { createPinia } from 'pinia'

// 创建 Vue 应用实例，参数是根组件
const app = createApp(App)

// 创建 Pinia 状态管理实例
const pinia = createPinia()

// 挂载 Pinia 状态管理插件，供组件使用
app.use(pinia)

// 挂载 Vue Router 路由插件，实现路由功能
app.use(router)

// 挂载 Element Plus UI 组件库，方便全局使用UI组件
app.use(ElementPlus)

// 挂载 Vue 应用到页面中 id 为 app 的 DOM 元素
app.mount('#app')
